/*订单详情*/
.detail-container{
	padding: .3rem .26rem;
	background: #505568;
	overflow: hidden;
	overflow-y: auto;
}
.detail-container>h1{
	display: block;
	line-height: .7rem;
	font-size: .4rem;
	color: #fff;
	margin-bottom: .2rem;
}
.detail-container>h1 em{
	float: right;
}
.detail-box{
	background: #fff;
	border-radius: .1rem;
	padding: 0 .26rem .26rem;
	margin-bottom: .2rem;
}
.detail-list>li{
	padding-top: .2rem;
	border-bottom: 1px dashed #E8E8E8;
}
.detail-list>li:last-child{
	border-bottom: none;
}
.detail-list>li h3{
	display: block;
	font-size: .36rem;
	line-height: .66rem;
}
.detail-list>li .code-box{
	text-align: center;
	padding: .4rem 0;
}
.detail-list>li .code-box img{
	width: 3rem;
	height: 3rem;
	margin-bottom: .2rem;
}
.detail-list>li .code-box p{
	color: #c1c1c1;
}
.detail-list>li .tripblock{
	padding-top: .2rem;
}
.tripblock>div{
	line-height: .4rem;
	padding-bottom: .1rem;
}
.tripblock>div em{
	display: inline-block;
	line-height: .4rem;
	height: .4rem;
	padding: 0 .1rem;
	color: #fff;
	font-size: .26rem;
	background: #e3b36b;
	border-radius: .06rem;
}
.tripblock>div a{
	float: right;
	color: #c1c1c1;
}
.data-list{
	margin-bottom: .2rem;
}
.data-list li{
	display: flex;
	flex-direction: row;
	line-height: .6rem;
	color: #4D5766;
}
.data-list li>span{
	color: #84888E;
}
.data-list li>div{
	flex: 1;
	height: .6rem;
	padding-left: .1rem;
}
.data-list li.seat{
	line-height: .8rem;
}
.data-list li.seat>div em{
	display: inline-block;
	line-height: .56rem;
	padding: 0 .14rem;
	background: #EFF0F2;
	border-radius: .06rem;
	margin-right: .1rem;
}
.data-list li.btnli>div .btn{
	float: right;
	border: 1px solid #C1C1C1;
	background: #fff;
	color: #4D5766;
	padding: 0 .2rem;
	height: .6rem;
	line-height: .58rem;
}
.data-list li.btnli>div .btn.over{
	background: #DCDEE1;
	border: none;
}
.detail-box .detail-bottom{
	padding: .3rem 0 .4rem;
	text-align: center;
}
.detail-box .detail-bottom .btn{
	color: #c1c1c1;
}

/*退改票弹窗*/
.notice-uppage2 .uppage-box{
	height: auto;
}
.notice-container{
	background: #fff;
	padding: .3rem .26rem .4rem;
}
.notice-container h5{
	display: block;
	line-height: 2;
}
.notice-container p{
	color: #84888E;
	line-height: 1.6;
	margin-bottom: .3rem;
}


/*订单列表*/
.list-container{
	display: flex;
	flex-direction: column;
}
.list-tabs{
	background: #505568;
    display: flex;
    flex-direction: row;
    position: relative;
}
.list-tabs:after{
	display: block;
	content: "";
	position: absolute;
	left: 25%;
	bottom: .03rem;
	width: 1.4rem;
	height: .06rem;
	background: #fff;
	margin-left: -.7rem;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s
}
.list-tabs>li{
	flex: 1;
	text-align: center;
	font-size: .32rem;
	line-height: .9rem;
	color: #fff;
	opacity: .6;
}
.list-tabs>li.active{
	opacity: 1
}
.list-tabs:after,
.list-tabs.unused:after{
	left: 25%;
}
.list-tabs.expired:after{
	left: 75%;
}
.list-swiper{
	flex: 1;
	width: 100%;
}
.list-box{
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	padding-top: .3rem;
}
.list-box .list-li{
	background: #fff;
	border-radius: .1rem;
	padding: .26rem .26rem .16rem;
	margin: 0 .26rem .26rem;
}
.list-li>p{
	font-size: .34rem;
	color: #4D5766;
	line-height: 1.4;
}
.list-li>p span{
	float: right;
	color: #E3B36A;
}
.list-li ul li{
	padding: .2rem 0 0 .46rem;
	position: relative;
}
.list-li ul li em{
	position: absolute;
	left: 0;
	top: .2rem;
	width: .34rem;
	height: .34rem;
	line-height: .34rem;
	text-align: center;
	color: #fff;
	font-size: .26rem;
	background: #e3b36b;
	border-radius: .06rem;
}
.list-li ul li p{
	line-height: .34rem;
}
.list-li ul li span{
	display: block;
	line-height: .6rem;
	font-size: .28rem;
	color: #c1c1c1;
	border-bottom: 1px dashed #E8E8E8;
}
.list-li ul li:last-child span{
	border-bottom: none;
}
.list-box.expired .list-li{
	opacity: .8;
}
.list-box.expired .list-li ul li em{
	background: #b3b5bf;
}
